.input-right ul,.meauser-right ul,.distance-right ul{
	width: 300px;
	height: 50px;
	background-color: #394c60;
	position: absolute;
	top: 15%;
	left: 50%;
	margin-left: -150px;
}

.input-right ul li,.meauser-right ul li,.distance-right ul li{
	width: 148px;
	height: 50px;
	float: left;
	text-align: center;
	line-height: 50px;
	font-size: 26px;
	color: #CDCAC5;
	border: 1px solid #6e7f91;
	cursor: pointer;
}
.input-right .hand_tip,.input-right .keyboard_tip{
	display: block;
	font-size: 32px;
	position: absolute;
	left: 50%;
	margin-left: -220px;
	top: 50%;
	color: #CDCAC5;
}

.word_tip{
	display: block;
	font-size: 30px;
	position: absolute;
	left: 25%;
	color: #CDCAC5;
	bottom: 0;
}
.dis{
	left: 20%;
	font-size: 26px;
}
.distance-right .hand_1_tip,.distance-right .camera_tip{
	display: block;
	font-size: 32px;
	position: absolute;
	left: 50%;
	margin-left: -220px;
	top: 30%;
	color: #CDCAC5;
}
.number{
	width: 100px;
	height: 60px;
	position: absolute;
	top: 62%;
	left: 41%;
	font-size: 60px;
	
}
.number:focus{
	background-color: #a38970;
	color: #eee;
}

.dis::after{
	content: 'm';
	display: block;
	position: relative;
	top:-169px;
	left: 60%;
	font-size: 60px;
}
strong{
	color: red;
}

.startBtn{
	width: 250px;
	height: 100px;
	background-color: #394C60;
	position: absolute;
	left: 50%;
	margin-left: -125px;
	top: 70%;
	font-size: 46px;
	font-family: '楷体';
	border-radius: 5px;
	color: #CDCAC5;
}
.startBtn:hover{
	background-color: #a38970;
	transform: scale(1.1);
	border: 1px solid #000;
}
